

.a{
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;

    animation-name:wlx ;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
}
.b{
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;

    animation-name:wlx ;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-delay: 0.2s;


}
.c{
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;


    animation-name:wlx ;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-delay: 0.4s;

}
.f{
    width: 140px;
    position: fixed;
    right: 50%;
    bottom: 50%;
    transform: translate(50%,50%);

}
@keyframes wlx {
    0%{transform: scale(0,0) }
    30%{transform: scale(1,1) }
    100%{transform: scale(0,0) }

    
}
